<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>注册信息</title>
<style type="text/css">
.bigtable {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 14px;
    color: #2307A4;
    background-color: #C4ACAC;
    border: 1px solid #8E8585;
}
.smalltable {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 12px;
    color: #000000;
    border-bottom: 1px dashed #F5A7A9;
}
</style>
</head>

<body>
<form enctype="multipart/form-data">
  <table width="600" border="1" cellspacing="0" cellpadding="0">
    <tbody>
      <tr>
        <td height="30" colspan="2" class="bigtable">用户注册</td>
      </tr>
      <tr class="smalltable">
        <td width="200" height="30">用户名：</td>
        <td width="400"><input name="username" type="text" id="username" onfocus="javascript:if(this.value=='请输入……')this.value='';" value="请输入……" size="20" maxlength="10">
        <font color="#F21D21">（注：最多输入10个字符）</font></td>
      </tr>
      <tr>
        <td width="200" height="30" class="smalltable">输入密码：</td>
        <td width="400"><input name="userpass" type="password" id="userpass" size="20"></td>
      </tr>
      <tr>
        <td width="200" height="30" class="smalltable">年龄：</td>
        <td width="400"><input name="userage" type="text" id="userage" size="20"></td>
      </tr>
      <tr class="smalltable">
        <td width="200" height="30">性别：</td>
        <td width="400"><input name="userxb" type="radio" id="radio" value="radio" checked="checked">
          男 
            <input type="radio" name="userxb" id="radio2" value="radio2">
          女<label for="userxb"></label></td>
      </tr>
      <tr class="smalltable">
        <td width="200" height="30">地区：</td>
        <td width="400"><select name="userarea">
            <option value="北京" selected="selected">北京</option>
            <option value="上海">上海</option>
            <option value="天津">天津</option>
            <option value="深圳">深圳</option>             
</select>&nbsp;</td>
      </tr>
      <tr class="smalltable">
        <td width="200" height="30">爱好：</td>
        <td width="400"><input name="userlike" type="checkbox" id="userlike" checked="checked">
          篮球 
            <input type="checkbox" name="userlike" id="userlike"> 
            羽毛球 
            <input type="checkbox" name="userlike" id="userlike">
            乒乓球 
            <input type="checkbox" name="userlike" id="userlike"> 
            跑步</td>
      </tr>
      <tr class="smalltable">
        <td width="200" height="30">照片上传：</td>
        <td width="400"><input name="userimg" type="file" id="userimg"></td>
      </tr>
      <tr class="smalltable">
        <td width="200" height="30">个人介绍：</td>
        <td width="400"><textarea name="textarea" cols="30" rows="15" id="textarea"></textarea></td>
      </tr>
      <tr class="smalltable">
        <td height="30" colspan="2"><input type="submit" name="submit" id="submit" value="注册">
        <input type="reset" name="reset" id="reset" value="重置"></td>
      </tr>
    </tbody>
  </table>
</form>	
</body>
</html>
